Javascript Tree Menu by Deluxe-Tree.com
Javascript Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Menu

Javascript Tree Menu Tree Menu Down Drop

Features Javascript Tree Menu

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Tree Menu Flyout Javascript Tree Menu
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Javascript Tree Menu

Q: I was trying to figure something out myself but after a lot of hours I decided I will contact you.

I am working on a javascript collapsing menu and I am using the XP style one.

I don’t know why but the align of the text is not moving to the right side (because in Israel we write from right to left)

The sub-menu works great and all the text align to the right but from some reason the title is unmovable.

Please if you know any solution to that problem?

A: See how you can create your top javascript collapsing menu items:

- you can set the following parameter:

  var tXPAlign="right"; //align of expand-buttons of submenus titles

- write your top items:
["+<div align=right>&nbsp;Javascript/DHTML Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "", "", ],



Q: The nav is currently to the left of a flash animated area.
And when a link in the dropdown menu is hovered upon the box opens
but the flash turns white below the nav box.

A: You should add "opaque" parameter for <object> and <embed> tags.

See, how you should install flash on your pages.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
height="150" width="800">
<param name="movie" value="2008 flash.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<embed src="flash_files/2008%2520flash.swf" quality="high" wmode="opaque"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" height="150" width="800">
</object>

Submenus will overlap flash correctly in that case.



Q: Do you sell wordpress javascript menus?

A: Actually we're using JavaScript Tree Menu in our WordPress blogs without anyproblems.

You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html

2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">wordpress javascript menu by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript">  var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:

<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.


Q: Hello. I had a question about the vista templates. Is it possible to extend the width on the java menu buttons to get more text in them? I put to much text and the button is repeating itself. Is there a way to extend the width of the button without the repeat?

A: See images in Vista Templates have the fixed width and height (92 x 21).

You can try to use the following parameter to use combinedbackground for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif